<script src="{{URL::asset('vendor/element-ui/ext/vue.js')}}"></script>
<script src="{{URL::asset('vendor/element-ui/lib/index.js')}}"></script>
<link rel="stylesheet" href="{{URL::asset('vendor/element-ui/lib/theme-chalk/index.css')}}">
<link rel="stylesheet" href="{{URL::asset('vendor/element-ui/lib/theme-chalk/reset.style.css')}}">
<link rel="stylesheet" href="{{URL::asset('css/consultation/dashboard.css')}}?t={{time()}}">
<div id="main">
	<el-row :gutter="15">
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">学员列表</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('st_list','正常')">
							<h2><i class="fa fa-graduation-cap"></i></h2>
							<h5>学员查询</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box blue" @click="goTo('st_list','蓝海')">
							<h2><i class="fa fa-ship"></i></h2>
							<h5>蓝海</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						电话咨询
						<span class="pull-right">
							今日处理：{{$Numbers['phone_ask'][0]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box green" @click="goTo('phone_consultation')">
							<h2><i class="fa fa-plus"></i></h2>
							<h5>添加记录</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=1')">
							<h2><i class="fa fa-table"></i></h2>
							<h5>全部记录</h5>
						</div>
					</el-col>
				</el-row>
				<br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=1&status=2')">
							<div class="left">
								<h2><i class="fa fa-clock-o"></i></h2>
								<h5>待回访</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['phone_ask'][1]}}</h5>
							</div>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=1&status=7')">
							<h2><i class="fa fa-list"></i></h2>
							<h5>回访记录</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						预约试听
						<span class="pull-right">
							今日预约：{{$Numbers['appointment'][0]}} | 今日记录：{{$Numbers['appointment'][1]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=2&status=4')">
							<div class="left">
								<h2><i class="fa fa-phone"></i></h2>
								<h5>待预约</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['appointment'][2]}}</h5>
							</div>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=2&status=3')">
							<div class="left">
								<h2><i class="fa fa-edit"></i></h2>
								<h5>待记录</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['appointment'][3]}}</h5>
							</div>
						</div>
					</el-col>
				</el-row><br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=2')">
							<h2><i class="fa fa-list"></i></h2>
							<h5>查看记录</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
	</el-row>
	<el-row :gutter="15">
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						新增报名
						<span class="pull-right">
							今日处理：{{$Numbers['enroll'][0]}} | 今日新增：{{$Numbers['enroll'][1]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box green" @click="goTo('register')">
							<h2><i class="fa fa-plus"></i></h2>
							<h5>添加报名</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=4')">
							<h2><i class="fa fa-list"></i></h2>
							<h5>报名列表</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						二报通知
						<span class="pull-right">
							今日预约：{{$Numbers['second_enroll'][0]}} | 今日记录：{{$Numbers['second_enroll'][1]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=5&status=5')">
							<div class="left">
								<h2><i class="fa fa-comments"></i></h2>
								<h5>待通知</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['second_enroll'][2]}}</h5>
							</div>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=6&status=3')">
							<div class="left">
								<h2><i class="fa fa-edit"></i></h2>
								<h5>待记录</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['second_enroll'][3]}}</h5>
							</div>
						</div>
					</el-col>
				</el-row><br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=6')">
							<h2><i class="fa fa-list"></i></h2>
							<h5>查看记录</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						开班学员分配
						<span class="pull-right">
							今日处理：{{$Numbers['distribute'][0]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('pond')">
							<div class="left">
								<h2><i class="fa fa-users"></i></h2>
								<h5>待分配</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['distribute'][1]}}</h5>
							</div>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('newclass')">
							<h2><i class="fa fa-book"></i></h2>
							<h5>查看开班计划</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
	</el-row>
	<el-row :gutter="15">
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">
						新班家长会通知
						<span class="pull-right">
							今日处理：{{$Numbers['p_meeting'][0]}}
						</span>
					</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=8&status=5')">
							<div class="left">
								<h2><i class="fa fa-comments"></i></h2>
								<h5>待通知</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['p_meeting'][1]}}</h5>
							</div>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box red" @click="goTo('consultation_list?type=9&status=3')">
							<div class="left">
								<h2><i class="fa fa-edit"></i></h2>
								<h5>待记录</h5>
							</div>
							<div class="right">
								<h5>{{$Numbers['p_meeting'][2]}}</h5>
							</div>
						</div>
					</el-col>
				</el-row><br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('consultation_list?type=9')">
							<h2><i class="fa fa-list"></i></h2>
							<h5>查看记录</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">其他</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box info" @click="goTo('workorder')">
							<h2><i class="fa fa-table"></i></h2>
							<h5>工单</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box red">
							<h2><i class="fa fa-bullhorn"></i></h2>
							<h5>投诉</h5>
						</div>
					</el-col>
				</el-row><br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box green">
							<h2><i class="fa fa-line-chart"></i></h2>
							<h5>数据总览</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
		<el-col :lg="8">
			<el-card class="el-card-box">
				<div slot="header" class="el-card-header">
					<h4 align="left">配置</h4>
				</div>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box blue">
							<h2><i class="fa fa-cog"></i></h2>
							<h5>配试听课</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box blue">
							<h2><i class="fa fa-cogs"></i></h2>
							<h5>排试听课</h5>
						</div>
					</el-col>
				</el-row><br>
				<el-row :gutter="15">
					<el-col :span="12">
						<div class="app-icon-box blue">
							<h2><i class="fa fa-wrench"></i></h2>
							<h5>二报配置</h5>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="app-icon-box blue">
							<h2><i class="fa fa-sliders"></i></h2>
							<h5>场次配置</h5>
						</div>
					</el-col>
				</el-row>
			</el-card>
		</el-col>
	</el-row>
</div>
<script type="text/javascript">
let main = new Vue({
	el:"#main",
	data:{

	},
	methods:{
		goTo(url,s) {
			if(s) {
				url += "?status="+s
			}
			window.open(url);
		}
	}
})
</script>
